<div id="panel">
  <div class="slideMenu">
    <app-side-menu [closeMenuItem]="closeSelectItem" [data]="menuList" (sideBarEventEmitter)="getSideMenuItem($event)">
    </app-side-menu>
  </div>
  <!-- 报告视频 -->
  <div class="pdfVideo" *ngIf="listItemInfo">
    <app-title-container [title]="listItemInfo?.title" (closeToolBar)="closePDF($event)">
      <div class="container">
        <!-- 头部按钮 -->
        <div class="btns">
          <nz-radio-group [(ngModel)]="currentBtn" (ngModelChange)="changeInfo($event)">
            <label nz-radio-button nzValue="PDF">报告</label>
            <label nz-radio-button nzValue="Video">视频</label>
          </nz-radio-group>
        </div>
        <!-- pdf -->
        <div class="PDF" *ngIf="currentBtn === 'PDF'">
          <ng-container *ngIf="listItemInfo.bgcflj&&listItemInfo.bgcflj.length>0; else nodata">
            <div class="tabs">
              共计<span>{{pdfNum}}</span>条报告
            </div>
            <!-- // 展示结果 -->
            <div class="PDFResult">
              <div *ngFor="let citem of listItemInfo.bgcflj" class="items">
                <span (click)="preview(citem)" class="title">{{citem.name}}</span>
              </div>
            </div>
          </ng-container>
        </div>
        <!-- video -->
        <div class="video" *ngIf="currentBtn === 'Video'">
          <ng-container *ngIf="videolist&&videolist.length>0; else nodata">
            <div class="videonum">
              共计<span>{{videonum}}</span>条视频
            </div>
            <div class="videoResult">
              <div class="video" *ngFor="let citem of videolist" (click)="readVideo(citem)">
                <div class="name">{{citem?.name}}</div>
                <video controls style="width: 100%; height: 100%; object-fit: fill;">
                  <source src="{{citem.path}}" type="video/mp4">
                </video>
                <div class="play-img"></div>
              </div>
            </div>
            <div class="pagelist" >
              <nz-pagination [(nzPageIndex)]="m" [nzPageSize]="4" [nzTotal]="listItemInfo.spcflj.length"  (nzPageIndexChange)=getMoreData()></nz-pagination>
            </div>
          </ng-container>
        </div>
        <ng-template #nodata>
          <div class="nodata">
            <nz-empty [nzNotFoundContent]="null"></nz-empty>
          </div>
        </ng-template>
      </div>
    </app-title-container>
  </div>
</div>
